<template>
  <div class="dashboard-container">
    <div class="app-container">
      <el-card class="page-tools">
        <el-row type="flex" justify="space-between" align="middle">
          <el-col>
            <div v-if="showBefore" class="before">
              <!-- 定义前面得插槽 -->
              <slot name="before" />
            </div>
          </el-col>
          <el-col>
            <el-row type="flex" justify="end">
              <!-- 定义后面的插槽 -->
              <slot name="after" />
            </el-row>
          </el-col>
        </el-row>
      </el-card>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    showBefore: {
      type: Boolean,
      default: false
    }
  }
}
</script>

<style>

</style>
